<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <!--v-if="变量" 控制元素是否显示 变量true显示对应内容,此时v-else不显示-->
    <!--如果v-if="false" 则对应内容不显示,此时v-else的内容显示-->
  <p v-if="isVisible">刘德华</p>
    <p v-else>张学友</p>
    <!--isVisible为true时显示,为false时不显示-->
    <!--若 元素需要频繁切换显示状态时,使用v-show,执行效率高于v-if-->
    <p v-show="isVisible">郭富城</p>
</div>
<script src="vueScript/vue.min.js"></script>
<script>
    let v=new Vue({
        el:"body>div",
        data:{
            info:"hello Vue!!!!!",
            isVisible: true
        },
        methods:{

        }
    })
</script>
</body>
</html>